<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <div>
    <h1>表单常用输入域</h1>
    <input type="hidden" name="userId" value="123" id="userId">
    <button id="btn">点击</button>
  </div>
  <script type="text/javascript">
    // 隐藏域不会显示，但是表单提交时会把隐藏域数据提交
    // 主要用于编辑操作时，隐藏域临时存放id信息
    var btn = document.getElementById('btn')
    btn.onclick = function () {
      var user = document.getElementById('userId')
      console.log(user.value)
    }
  </script>
</body>
</html>